<template>
    <div class="main">
        <header class="header">
            <div class="info">
                <div class="portrait">
                    <span></span>
                </div>
                <div class="info_detial">
                    <div class="info_detial_">
                        <h3>张三</h3>
                        <span class="authentication">已认证</span>
                        <span>编辑</span>
                        <p class="commpany">北影文创园有限公司<span>企业负责人</span></p>
                    </div>
                    <div class="follow">
                        <ul class="follow_list">
                            <li>
                                <h3>12</h3>
                                <p>关注话题</p>
                            </li>
                            <li class="border">|</li>
                            <li>
                                <h3>12</h3>
                                <p>关注活动</p>
                            </li>
                             <li class="border">|</li>
                            <li>
                                <h3>12</h3>
                                <p>政策关注</p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </header>
    </div>
</template>
<script>
    export default {}
</script>
<style scoped>
p{
    margin:0;
}
h3{
    font-size:20px;
}
span,p{
    font-size:12px;
}
    .header{
        background:#ccc;
        padding:10px;
        margin-bottom:10px;
    }
    .header .info .portrait, .header .info .info_detial{
        display:inline-block;
        vertical-align:top;
    }
    .header .info{
        margin-top:20px;
    }
    .header .info .info_detial{
        text-align:left;
    }
    .header .info .info_detial h3{
        margin-right:10px;
        display:inline-block;
        margin-bottom:10px;
    }
     .header .info .info_detial .commpany span{
         margin-left:10px;
     }
      .header .info .info_detial .authentication{
          display:inline-block;
          color:#000;
          padding:4px;
          background:#717171;
          border-radius:5px;
          font-size:12px;
     }
    .header .info .portrait span{
        display:block;
        border-radius:50%;
        width:60px;
        height:60px;
        background-color:gray;
    }
    .header .follow .follow_list{
        display:flex;
        flex-wrap: wrap;
        align-content: space-between;
        margin-top:8px;
    }
    .header .follow .follow_list h3{
        margin-bottom:2px;
    }   
    .header .follow .follow_list li{
        margin-right:10px;
        text-align:center;
       display:inline-block;

    }
    .header .follow .follow_list .border{
        line-height:66px;
        font-size:30px;
    }
</style>